<!DOCTYPE html>
<html
        xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
        layout:decorator="app/mp/mtg/layout">
<head>
    <style>
        .body-header{
            padding: 15px;
            background: white;
        }
        .house-info{
        }
        .house-info img{
            float: left;
            margin-right: 15px;
        }
        .house-info h3{
            font-size: 13px;
            color: #333333;
        }
        .house-info div{
            font-size: 12px;
            color: #999999;
        }
        .mtg-header {
            margin-top: 15px;
            padding: 10px;
            background-color:#4972B8;
            background-size: cover;
            border-radius: 4px;
        }
        .mtg-title {
            text-align: left;
            font-size: 13px;
            color: white;
            font-weight: 400;
            margin: 0 5%;
        }
        .mtg-content {
            text-align: center;
            font-size: 28px;
            color: white;
            font-weight: 400;
            margin: 15px 0 0 0;
        }


        .body-content{
            margin-top: 15px;
            padding-bottom: 15px;
            background: white;
            text-align: center;
        }
    </style>
</head>
<div layout:fragment="body">

    <div class="body-header">
        <div class="house-info">
            <img src="/m/img/result_house.svg" width="30"/>
            <h3>房产的具体信息</h3>
            <div>[[${estateEvalInfo.houseAddress}]]&nbsp;&nbsp;[[${estateEvalInfo.roomSize}]]㎡</div>
        </div>

        <div class="mtg-header">
            <div class="mtg-title">房产预估价格（仅供您参考）</div>
            <div class="mtg-content">
                <span style="font-size: 18px;">￥</span><span th:text=${#numbers.formatDecimal(estateEvalInfo.houseTotalPrice,0,'COMMA',0,'POINT')}></span>
            </div>
        </div>
    </div>

    <div class="weui-form-preview" style="margin-top: 15px;">
        <div class="weui-form-preview__bd">
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label" th:text="#{estateEvalInfo.houseUnitPrice}"></label>
                <span class="weui-form-preview__value">¥<span th:text=${#numbers.formatDecimal(estateEvalInfo.houseUnitPrice,0,'COMMA',0,'POINT')}></span>/㎡</span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label" th:text="#{estateEvalInfo.landUseRights}"></label>
                <span class="weui-form-preview__value" th:text="${estateEvalInfo.landUseRights}"></span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label" th:text="#{estateEvalInfo.buildStruct}"></label>
                <span class="weui-form-preview__value"  th:text="${estateEvalInfo.buildStruct}"></span>
            </div>
            <div class="weui-form-preview__item">
                <label class="weui-form-preview__label" th:text="#{estateEvalInfo.buildYear}"></label>
                <span class="weui-form-preview__value" th:text="${estateEvalInfo.buildYear}"></span>
            </div>
        </div>
    </div>

    <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
            <a href="/app/mp/mtg" class="weui-btn weui-btn_default">继续查询</a>
            <a href="javascript:;" class="weui-btn weui-btn_primary" id="loanRequest">申请贷款</a>
        </p>
    </div>

</div>
<script type="text/javascript" layout:fragment="script">/*<![CDATA[*/
var loanRequestId = '[[${loanRequestId}]]';
$(function() {
    $("#loanRequest").click(function () {
        window.location.href = "/app/mp/mtg/loanRequest?loanRequestId=" + loanRequestId;
    });
});
/*]]>*/</script>
</html>